<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title>高薪工资后台管理系统 | 登陆页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <script type="text/javascript" src="${site_root}/dist/v20160117/ued.import.js" charset="utf-8"></script>
    <script type="text/javascript">
        ued_import('commonCss', 'css');
        ued_import('componentCss', 'css');
        ued_import('loginCss', 'css');
    </script>
    <style type="text/css">
        .tipso_bubble {
            position: absolute;
            text-align: center;
            border-radius: 6px;
            z-index: 9999;
            padding: 10px;
            background: rgb(0, 0, 0);
            color: rgb(255, 255, 255);
            width: 150px;
            left: 6.5em;
            top: 3em;
            display: block;
        }
        .tipso_bubble>.tipso_arrow {
            position: absolute;
            width: 0;
            height: 0;
            border: 8px solid;
            pointer-events: none;
            margin-left: -8px;
            border-bottom-color: rgb(0, 0, 0);
            border-top-color: transparent;
        }
        .tipso_bubble.bottom>.tipso_arrow {
            border-color: transparent transparent #000;
            bottom: 100%;
            left: 50%;
        }
    </style>
</head>
<!-- END HEAD -->

<body class="login">

<!-- BEGIN LOGIN -->
<div class="content">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <a href="${context}/">
            <img src="${site_root}/images/logo-light.png" alt=""  style="width: 150px;"/> </a>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN FORM -->
    <form class="login-form" action="${context}/entry/signIn" method="post">
        <h3 class="form-title">高薪工资后台管理系统</h3>
        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            <span> 请输入用户名、密码 </span>
        </div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">用户名</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名" name="consumer_code" value="admin" id="consumer_code"/> </div>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密码" name="password" value="Sx1234567890" id="password"/><div class="tipso_bubble bottom" id="capital" style="display:none;"><div class="tipso_content">大写锁定已打开</div><div class="tipso_arrow"></div></div>${error} </div>
        </div>
        <div class="form-actions">
            <label class="checkbox">
                <input type="checkbox" name="remember" value="1" id="remember"/> 记住密码 </label>
            <button type="submit" class="btn green pull-right"> 登录 </button>
        </div>
        <div class="forget-password">
            <label> 点击
                <a href="javascript:;" id="forget-password"> 忘记密码 </a> 进行重置 </label>
        </div>
    </form>
    <!-- END LOGIN FORM -->
    <!-- BEGIN FORGOT PASSWORD FORM -->
    <form class="forget-form" id="forgotForm" action="javascript:;" method="post">
        <h3>忘记密码 ?</h3>
        <p> 输入您绑定的手机号码进行密码重置. </p>
        <div class="form-group clearfix">
            <div class="col-md-7 plr0">
                <div class="input-icon">
                    <i class="fa fa-phone"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="绑定的手机号码" name="mobile" />
                </div>
            </div>
            <div class="col-md-5">
                <a class="btn btn-primary" id="getPinCode">获取验证码</a>
            </div>
        </div>
        <div class="form-group clearfix">
            <div class="col-md-12 pl0">
                <div class="input-icon">
                    <i class="fa fa-lock"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入验证码" name="pinCode" />
                </div>
            </div>
        </div>
        <div class="form-actions">
            <button type="button" id="back-btn" class="btn red btn-outline">返回 </button>
            <button type="submit" id="forgetSubmit" class="btn green pull-right">下一步</button>
        </div>
    </form>
    <!-- END FORGOT PASSWORD FORM -->
    <!-- BEGIN REGISTRATION FORM -->
    <form class="register-form" action="javascript:;" method="post">
        <h3>重置密码</h3>
        <p> 请输入新密码: </p>
        <input class="form-control hide " type="text" placeholder="" name="userId" />
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">新密码</label>
            <div class="input-icon">
                <i class="fa fa-pencil"></i>
                <input class="form-control placeholder-no-fix" type="password" placeholder="新密码" name="newPassword" /> </div>
        </div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">确认新登录密码</label>
            <div class="input-icon">
                <i class="fa fa-pencil"></i>
                <input class="form-control placeholder-no-fix" type="password" placeholder="确认新登录密码" name="confirmNewPassword" /> </div>
        </div>
        <div class="form-actions">
            <button id="reset-back-btn" type="button" class="btn red btn-outline"> 返回 </button>
            <button type="submit" id="reset-submit-btn" class="btn green pull-right"> 提交 </button>
        </div>
    </form>
    <!-- END REGISTRATION FORM -->
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<div class="copyright">&copy;2017高薪工资 版权所有 京ICP备17015033号-2</div>
<!-- END COPYRIGHT -->
<!--[if lt IE 9]>
<script src="${site_root}/js/widget/respond.min.js"></script>
<script src="${site_root}/js/widget/excanvas.min.js"></script>
<![endif]-->
<script type="text/javascript">
    ued_import('commonJs', 'js');
    ued_import('loginJs', 'js');
</script>
<script type="text/javascript">
    /* 检测输入框的大小写是否开启 */
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    window.onload=function(){
        function isIE(){
            if(!!window.ActiveXObject || "ActiveXObject" in window){
                return true;
            }else if(userAgent.indexOf("Edge") > -1) {
                return "Edge";
            }else{
                return false;
            }
        }
        (function(){
            var inputPWD=document.getElementById('password');
            var capital=false;
            var capitalTip={
                elem:document.getElementById('capital'),
                toggle:function(s){
                    var sy=this.elem.style;
                    var d=sy.display;
                    if(s){
                        sy.display = s;
                    }
                    else{
                        sy.display=d=='none'?'':'none';
                    }
                }
            }
            var detectCapsLock=function(event){
                if(capital){return};
                var e = event||window.event;
                var keyCode = e.keyCode||e.which;
                var isShift = e.shiftKey ||(keyCode == 16 ) || false ;
                if(((keyCode>=65&&keyCode<=90 )&&!isShift)||((keyCode>=97&&keyCode<=122 )&&isShift)){
                    capitalTip.toggle('block');
                    capital=true
                }
                else{
                    capitalTip.toggle('none');
                }
            }
            if(!isIE() && isIE() !== "Edge"){
                inputPWD.onkeypress=detectCapsLock;
                inputPWD.onkeyup=function(event){
                    var e = event||window.event;
                    if(e.keyCode == 20 && capital){
                        capitalTip.toggle();
                        return false;
                    }
                }
            }else if(isIE() || isIE() == "Edge"){
                document.getElementById('capital').style.display = "none";
            }
        })()
    }
</script>
</body>
</html>